<!-- Window 对象
所有浏览器都支持 window 对象。它表示浏览器窗口。
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
全局变量是 window 对象的属性。
全局函数是 window 对象的方法。
甚至 HTML DOM 的 document 也是 window 对象的属性之一：]
该例显示浏览器窗口的高度和宽度：（不包括工具栏/滚动条） -->
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <script>
        function goForward() {
            window.history.forward()
        }
    </script>
    </script>
    <script>
        function newDoc() {
            window.location.assign("http://www.w3school.com.cn")
        }
    </script>
</head>

<body>

    <p id="demo"></p>

    <script>
        var w = window.innerWidth ||
            document.documentElement.clientWidth ||
            document.body.clientWidth;

        var h = window.innerHeight ||
            document.documentElement.clientHeight ||
            document.body.clientHeight;

        x = document.getElementById("demo");
        x.innerHTML = "浏览器的内部窗口宽度：" + w + "，高度：" + h + "。"
    </script>
    <button onclick="window.open('https://www.baidu.com')" style="background: sienna; width:400px;height:400px"></button>
    <!-- window.screen 对象包含有关用户屏幕的信息window.screen 对象在编写时可以不使用 window 这个前缀。一些属性：
screen.availWidth - 可用的屏幕宽度
screen.availHeight - 可用的屏幕高度 -->

    <script>
        document.write("可用高度：" + screen.availHeight);
    </script>
    <script>
        document.write("可用宽度：" + screen.availWidth);
    </script>
    <!--window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。
window.location 对象在编写时可不使用 window 这个前缀。
location.hostname 返回 web 主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回 web 主机的端口 （80 或 443）
location.protocol 返回所使用的 web 协议（http:// 或 https://）
-->
    <script>
        document.write(location.hostname);
        document.write(location.href);
        document.write(location.pathname);
        document.write(location.port);
        document.write(location.protocol);
    </script>

    <input type="button" value="加载新文档" onclick="newDoc()">
    <!--history.back() 方法加载历史列表中的前一个 URL。
  这与在浏览器中点击后退按钮是相同的：-->


    <input type="button" value="Forward" onclick="goForward()">
</body>

</html>